<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <title>支付页面</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <style>
        @import url("pay.css");
    </style>
</head>

<body>
    <div class="wrap">
        <div class="box">
            <h1>支付页面</h1>

            <!-- 填写信息 -->
            <div class="form-group">
                <label for="phone">电话号码</label>
                <input type="tel" id="phone" placeholder="请输入电话号码">
            </div>
            <div class="form-group">
                <label for="name">收件人姓名</label>
                <input type="text" id="name" placeholder="请输入收件人姓名">
            </div>
            <div class="form-group">
                <label for="address">地址</label>
                <input type="text" id="address" placeholder="请输入详细地址">
            </div>

            <!-- 支付方式 -->
            <div class="pay-methods">
                <button>微信付款</button>
                <button>支付宝付款</button>
                <button>钱包付款</button>
            </div>

            <!-- 支付按钮 -->
            <button class="pay-btn" onclick="makePayment()">确认支付</button>
        </div>
    </div>
</body>

</html>
<script src="pay.js"></script>